<template lang="html">
    <div class="forget-password">
      <Header>
        <div class="header-flex" slot="content">
          <mu-icon value="arrow_back" @touchend="$router.go(-1);"></mu-icon>
          <span class="title">找回密码</span>
          <span class="right">&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
      </Header>
      <section class="content">
        <h2>忘记密码，请联系客服人员：</h2>
        <div class="img">
          <img src="img/images/ia_100000012754.jpg" alt="">
        </div>
        <p>电话：<a href="">0852-84839411</a></p>
        <p>邮箱：guojintz@163.com</p>
        <p>地址：贵州省贵阳市观山湖区中天国际金融城MAX.A座810</p>
      </section>
    </div>
  

</template>

<script lang="js">
// 引入头部组件
import Header from '../components/Header';
  export default  {
    name: 'forget-password',
    props: [],
    // 注册组件
    components: {  Header },
    mounted () {

    },
    data () {
      return {

      }
    },
    methods: {

    },
    computed: {

    }
}


</script>

<style scoped lang="scss">
  .forget-password {
    .header-flex {
        display: flex;
        align-items: center;
        .title {
          text-align: center;
          flex: 1;
        }
    }
    .content {
      padding: 1.2rem 1rem;
      .img {
        text-align: center;
      }
    }
 
  }
</style>
